<!-- 账号设置 -->
<template>
  <div>
    <div class="header">
      <div class="logo_box">
        <img src="@/assets/img/logo.png" alt="" />
      </div>
      <div class="title_box">
        im通讯 —— 一款即时通信系统<br />
        V1.0
      </div>
    </div>
    <div class="desc_box">
      <h5>功能支持：</h5>
      <p>1.支持单聊和群聊，支持发送表情、图片、语音、视频和文件消息。</p>
      <p>2.群聊支持设置群名称、删除群成员、设置群公告、@群成员等。</p>
      <p>3.单聊支持消息撤回、复制、转发。</p>
      <p>4.支持置顶联系人，消息免打扰。</p>
      <p>5.支持文件、图片和大部分媒体文件在线预览。</p>
      <p>6.支持设置个人头像</p>
    </div>
  </div>
</template>

<script>
export default {
  name: "versionPage",
  data() {
    return {}
  },

  methods: {}
}
</script>
<style lang="less" scoped>
.header {
  .logo_box {
    width: 144px;
    height: 144px;
    background: #16487e;
    border-radius: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  margin: 73px 0 0 55px;

  display: flex;
  align-items: center;
  .title_box {
    padding-left: 10px;
    font-size: 14px;
    font-weight: 600;
    color: #16487e;
  }
}

.desc_box {
  margin: 20px 55px;
  h5 {
    font-size: 12px;
    color: #333333;
    font-weight: 600;
    padding-bottom: 10px;
  }
  p {
    font-size: 12px;
    color: #333333;
    padding-bottom: 10px;
  }
}
</style>
